$primary-color: #2d75d7;
$base-color: #fff;
$fontColor1: #fff;
$fontColor2: #555555;
$fontColor3: #a5a5a5;
$defualfontsize: 29rpx;
$defaultradiuw: 10rpx;
$bordercolor: #efefef;

/*通知公告*/
.mainPge {
  width: 100%;
  height: 100vh;
  background: #f5f5f5;
  display: flex;
  flex-direction: column;
  overflow-y: auto;
  position: relative;

  .outbottom {
    margin-bottom: 186rpx !important;
  }

  .page-content {
    display: flex;
    flex-direction: column;
    width: 100%;
    position: relative;
    margin-top: 88rpx;
    overflow-y: auto;
    margin-bottom: 40rpx;

    .tabs {
      width: 100%;
      display: flex;
      flex-direction: column;
      background: $base-color;
      // position: absolute;
      top: 0;

      .tbrow {
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: space-between;
        padding: 30rpx 64rpx;
        padding-bottom: 24rpx;

        .tabit {
          display: flex;
          flex-direction: column;
          justify-content: center;
          align-items: center;
          position: relative;

          .t1 {
            font-size: 30rpx;
            color: $fontColor2;
            padding-bottom: 8rpx;
          }

          .notice-red {
            color: $base-color;
            background: #ff6060;
            font-size: 20rpx;
            width: 28rpx;
            height: 28rpx;
            position: absolute;
            right: -20%;
            top: -20%;
            display: flex;
            justify-content: center;
            align-items: center;
            border-radius: 14rpx;
          }

          .activeli {
            width: 52rpx;
            height: 6rpx;
            background: $base-color;
          }

          .activeli.check {
            background: $primary-color;
          }
        }

        .tabchecked {
          font-weight: bold;
          border-bottom: 4rpx solid $primary-color;

          .t1 {
            color: $primary-color;
			min-width: 62rpx;
          }
        }
      }

      .top-search {
        margin: 0 30rpx;
        background: #f5f5f5;
        margin-bottom: 20rpx;
        border-radius: $defaultradiuw;

        .search-ipt {
          padding: 16rpx 30rpx !important;

          .uni-input-placeholder {
            color: #999999 !important;
          }
        }
      }
    }

    .tabs-fixd {
      position: absolute;
    }

    .Plist {
      padding: 30rpx;
      display: flex;
      flex-direction: column;

      .Pitme {
        padding: 18rpx 30rpx 20rpx 34rpx;
        display: flex;
        flex-direction: column;
        background: $base-color;
        border-radius: $defaultradiuw;
        font-size: 24rpx;
        margin-bottom: 20rpx;

        .pstatus {
          width: 100%;
          display: flex;
          flex-direction: row;
          justify-content: flex-end;
          align-items: center;

          .str {
            padding: 6rpx 22rpx;
            border: 2rpx solid #999;
            color: #999;
            // margin-bottom: 8rpx;
            border-radius: $defaultradiuw;
          }

          .b1 {
            border: 2rpx solid #ff6060;
            color: #ff6060;
            background: #ffefef;
          }

          .b2 {
            border: 2rpx solid #ce9410;
            color: #ce9410;
            background: #FFF1D2;
          }

          .b3 {
            border: 2rpx solid #63c945;
            color: #63c945;
            background: #ecffe6;
          }
        }

        .ptitle {
          color: #333;
          font-size: 30rpx;
          font-weight: bold;
          padding-bottom: 20rpx;
          overflow: auto;
        }

        .pt-row {
          display: flex;
          flex-direction: row;
          align-items: center;
          justify-content: space-between;
        }

        .ptit {
          display: flex;
          flex-direction: row;
          align-items: center;
          padding-bottom: 16rpx;
        }

        .t1 {
          color: #999999;
		  min-width: 62px;
        }

        .t2 {
          color: #555555;
          white-space: nowrap;
          overflow: hidden;
          text-overflow: ellipsis;
          -webkit-line-clamp: 1;
          display: block;
          width: 100%;
        }

        .line {
          width: 100%;
          height: 2rpx;
          margin-top: 10rpx;
          margin-bottom: 20rpx;
          background: $bordercolor;
        }

        .bts {
          justify-content: flex-end;

          .bt {
            margin-left: 20rpx;
            padding: 8rpx 28rpx;
            border-radius: 40rpx;
            border: 2rpx solid $primary-color;
          }

          .bt-type1 {
            background: $base-color;
            color: $primary-color;
          }

          .bt-type2 {
            background: $primary-color;
            color: $base-color;
          }
        }
      }
    }
  }

  .newadd {
    width: 128rpx;
    height: 128rpx;
    border-radius: 64rpx;
    color: $base-color;
    font-size: 36rpx;
    text-align: center;
    line-height: 128rpx;
    background: $primary-color;
    position: fixed;
    bottom: 8%;
    right: 5%;
    display: flex;
    justify-content: center;
    align-items: center;
    box-shadow: 0px 3px 6px 1px rgba(0, 0, 0, 0.16);
  }

  /*新增编辑全委通知*/
  .mainct {
    margin-top: 106rpx;
    overflow-y: auto;
  }

  .frct {
    margin: 30rpx;
    margin-bottom: 0;
    padding: 30rpx;
    font-size: $defualfontsize;
    background: $base-color;
    border-radius: 10rpx;
    display: flex;
    flex-direction: column;

    .ct {
      font-size: $defualfontsize;
      font-weight: bold;
      color: $fontColor2;
      line-height: 50rpx;
      padding-bottom: 26rpx;
      border-bottom: 2rpx solid $bordercolor;
    }

    .borderno {
      padding-bottom: 0;
      border: none;
    }

    .fr-colum {
      display: flex;
      flex-direction: column;
      position: relative;
    }

    .fr-row {
      display: flex;
      flex-direction: row;
      justify-content: space-between;
      align-items: center;
	  width: 100%;
	  overflow: 100%;

      .fr-lable {
        padding-bottom: 0;
      }
    }

    .frit {
      padding-bottom: 24rpx;
      border-bottom: 2rpx solid $bordercolor;
      margin-bottom: 24rpx;

      .uv-radio-group--row {
        justify-content: flex-end !important;
      }
    }

    .fr-itfile {
      display: flex;
      flex-direction: row;
      align-items: center;
      padding-bottom: 22rpx;
      border-bottom: 2rpx solid $bordercolor;
      justify-content: space-between;
      margin-bottom: 28rpx;

      .fr-row {
        flex: 1;
      }

      .fileico-img {
        width: 52rpx;
        height: 52rpx;
        margin-right: 26rpx;
      }

      .file-name {
        font-size: 26rpx;
        color: $fontColor2;
        flex: 1;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
      }

      .file-size {
        font-size: 26rpx;
        color: $fontColor2;
        margin-right: 10rpx;
      }

      .fileico-down {
        width: 52rpx;
        height: 52rpx;
      }
    }

    .frit:last-child,
    .fr-itfile:last-child {
      border: none;
      padding-bottom: 0;
      margin-bottom: 0;
    }

    .fritlast {
      border: none;
      padding-bottom: 0;
      margin-bottom: 0;
    }

    .fr-lable {
      color: $fontColor2;
      padding-bottom: 20rpx;
      font-weight: bold;

      .c1 {
        color: $fontColor2;
      }
    }

    .fr-2 {
      color: $fontColor3;
      font-weight: 400;
    }

    .frpp {
      font-size: 30rpx;
      color: $fontColor2;
      align-items: end;

      .go {
        margin-bottom: 20rpx;
      }
    }

    .defaultstr {
      flex: 1;
      color: $fontColor2;
      text-align: right;
      font-weight: 500;
    }

    .defaultstr1 {
      color: $fontColor2;
      text-align: right;
      font-weight: 800;
    }

    .tag-red {
      color: #ff6060 !important;
    }

    .tag-yellow {
      color: #ce9410 !important;
    }

    .uni-input-placeholder {
      color: #e8e8e8 !important;
    }

    .uv-border-bottom {
      border-color: $bordercolor !important;
    }

    .uv-textarea--radius {
      border-color: #efefef !important;
    }

    .uni-textarea-placeholder {
      color: #e8e8e8 !important;
    }

    .redico {
      color: #ff6060;
      padding: 0 8rpx;
    }

    ::v-deep .textleft .uni-input-input,
    ::v-deep .textleft .uni-input-placeholder {
      text-align: left !important;
    }

    ::v-deep .uni-input-input {
      color: $fontColor2 !important;
      text-align: right !important;
    }

    .ico-date {
      width: 32rpx;
      height: 32rpx;
      margin-left: 16rpx;
    }

    .bline {
      padding-bottom: 15rpx;
      border-bottom: 2rpx solid #efefef;
    }

    .fiellist {
      padding: 26rpx 0;
      border-top: 2rpx solid #efefef;

      .flieit {
        font-size: $defualfontsize;
        color: $fontColor2;
        width: 100% !important;
        margin-bottom: 30rpx;

        .tname {
          width: 70%;
          white-space: nowrap;
          overflow: hidden;
          text-overflow: ellipsis;
        }

        .tsize {
          width: 20%;
        }
      }

      .flieit:last-child {
        margin-bottom: 0;
      }
    }

    .choseP {
      display: flex;
      flex-direction: row;
      flex-wrap: wrap;
      padding-bottom: 16rpx;

      .itp {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        font-size: $defualfontsize;
        color: $fontColor2;
        margin: 0 28rpx;
        margin-top: 38rpx;
		position: relative;

        .icopimg {
          width: 84rpx;
          height: 84rpx;
          margin-bottom: 16rpx;
        }

        .t2 {
          color: #999;
        }
      }
    }

    .btflex {
      display: flex;
      flex-direction: row;
      justify-content: flex-end;
    }

    .sfrumit {
      width: 104rpx;
      height: 46rpx;
      line-height: 46rpx;
      text-align: center;
      border-radius: $defaultradiuw;
      color: $base-color;
      background: #2d75d7;
      font-size: 26rpx;
      float: right;
    }

    .fr-img {
      width: 100%;
      // max-height: 422rpx;
      margin-bottom: 20rpx;
    }

    .fr-img:last-child {
      margin-bottom: 0;
    }

    .qxzstr {
      color: #e3e3e3;
      font-size: 30rpx;
      padding-right: 8rpx;
    }
  }

  /*底部固定按钮*/
  .bt-foot {
    width: 100%;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    position: absolute;
    bottom: 0;
    background: $base-color;
    padding: 30rpx 0;

    .bt {
      width: 43.5%;
      padding: 25rpx 0;
      text-align: center;
      border: 1px solid #555;
      border-radius: $defaultradiuw;
      border-color: $primary-color;
      font-size: $defualfontsize;
      margin: 0 2%;
    }

    .bt1 {
      color: $primary-color;
      margin-left: 30rpx;
    }

    .bt2 {
      color: $base-color;
      background: $primary-color;
      margin-right: 30rpx;
    }

    .bt3 {
      color: #FF6060;
      background: #fff;
      margin-left: 30rpx;
      border: 1px solid #FF6060;
    }
  }

  //日历详情
  .rl-list-main {
    font-family: auto;
    padding: 28rpx 36rpx;
    background: #fff;

    .rl-top {
      display: flex;
      flex-direction: row;
      align-items: baseline;
      margin-bottom: 28rpx;

      .rl-day {
        padding-right: 26rpx;
        font-size: 54rpx;
        color: #2d75d7;
        font-weight: 800;
      }

      .rl-str {
        padding-right: 20rpx;
      }

      .rl-str,
      .rl-weekstr {
        font-weight: 500;
        font-size: 28rpx;
        color: #555555;
      }
    }

    .rl-dayinfo {
      display: flex;
      flex-direction: row;
      position: relative;
      height: 43vh;
      position: relative;

      .infolist {
        display: flex;
        flex-direction: column;
        width: 100%;

        .ifitem {
          display: flex;
          flex-direction: row;
          align-items: center;
          margin-bottom: 20rpx;

          .pointico {
            margin-right: 24rpx;
            z-index: 1;
          }

          .it-content {
            background-color: #f3f3f3;
            display: flex;
            flex-direction: row;
            align-items: center;
            padding: 26rpx 20rpx;
            overflow: hidden;
            flex: 1;

            .it-time {
              display: flex;
              flex-direction: column;
              color: #999999;
              font-size: 20rpx;
              padding-right: 30rpx;
            }

            .t1 {
              padding-bottom: 8rpx;
            }

            .it-titel {
              color: #999;
              font-size: 27rpx;
              white-space: nowrap;
              overflow: hidden;
              text-overflow: ellipsis;
            }
          }
        }

        .ifitem:last-child {
          margin-bottom: 0;
        }
      }
    }

    .rl-line {
      position: absolute;
      left: 8px;
      height: 100%;
    }
  }

  .pointico {
    width: 20rpx;
    height: 20rpx;
    border-radius: 20rpx;
    background: #999;
    border: 8rpx solid #555;
  }

  .pointico-l {
    background: #63c945;
    border: 8rpx solid #93ee78;
  }

  .pointico-n {
    background: #2d75d7;
    border: 8rpx solid #afd1ff;
  }

  .redstr {
    color: #FF6060 !important;
  }
}

.mainPge .frct .textarea .uni-input-placeholder {
  text-align: left;
  font-size: 28rpx;
}

.mainPge .frct .uni-input-placeholder {
  text-align: right;
  font-size: 28rpx;
  color: #E3E3E3;
}

.mainPge .ic_phone,
.mainPge .ic-dowload {
  width: 34rpx;
  height: 34rpx;
  margin-right: 10rpx;
}

.mainPge .ic-imgxz {
  width: 56rpx !important;
  height: 42rpx !important;
  margin-right: 10rpx;
}

.mainPge .nomoretxt {
  text-align: center;
  padding: 40rpx 0;
  font-size: 28rpx;
  color: rgb(164, 164, 164);
}
.mainPge .frct .fr-left{
	width: 60%;
	justify-content: flex-end;
}
.icdelt{
	    position: absolute;
	    width: 20px;
	    height: 20px;
	    top: -5%;
	    right: -14%;
}

::v-deep .uv-textarea{
	min-height: 60px !important;
}
::v-deep .uni-input-input ,::v-deep .uv-radio__label-wrap span ,::v-deep .uv-checkbox__label-wrap span{
	font-size: $defualfontsize;
}
.mainPge .rowflexend{
  justify-content: flex-end !important;
  display: flex;
}